<template>
	<publicswiper>
		<swiper-item v-for="(item,index) in goodsbanner" v-bind:key="index">
			<image :src="item"></image>
		</swiper-item>	
	</publicswiper>
</template>

<script>
	import publicswiper from '../../../components/common/swiper_design/public_swiper.vue'
	export default {
		props:{
			goodsbanner:{
				type:Array,
				default:function(){
					return []
				}
			}
		},
		components:{
			publicswiper
		},
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style scoped>
	.swiper-item {
		display: block;
		height: 440rpx;
		line-height: 440rpx;
		overflow: hidden;
		position: relative;
	}
	image{
		width: 100%;
		height: 1100rpx;
		top:-400rpx;
		position: absolute;
	}
</style>
